@tailwind base;
@tailwind components;
@tailwind utilities;


/* theme主题
---------------------------------------------------------------- */
@layer base {

    // 明亮（默认）
    .theme-light {
        --text-color: #3A3A3D;
        --background-color: #fff;
        --background-image: '';
        --background-color-title: #dce6fa; // 标题
        --background-image-title: ''; // 标题
        --border-color: #E3E7ED;
        --box-shadow: 0px 4px 8px 0px rgba(35, 48, 77, 0.3);
    }

    // 暗黑
    .theme-dark {
        --text-color: white;
        --background-color: rgba(45,51,61,0.9);
        --background-image: '';
        --background-color-title: ''; // 标题
        --background-image-title: url('/static/image/title-main.png'); // 标题
        --border-color: #0078FC;
        --box-shadow: 0px 0px 2px 0px #0078FC, inset 0px 0px 1px 0px #0078FC;

    }
}


/* extend扩展
---------------------------------------------------------------- */
.flex-2 {
    flex: 2;
}

.flex-3 {
    flex: 3;
}

.flex-4 {
    flex: 4;
}

.flex-5 {
    flex: 5;
}

.flex-6 {
    flex: 6;
}

.flex-7 {
    flex: 7;
}

.flex-8 {
    flex: 8;
}

.flex-9 {
    flex: 9;
}

.h-11\/12{
   height: 91.666667%;
}


/* fix
---------------------------------------------------------------- */
svg {
    display: inline-block;
}